<template>
	<view class="cenTenst">
		<view class="Limited">信息只能加密，仅用于银行验证</view>
		<view class="typecadr">
			<view class="cardXz" @click="carddj">
				<view class="cardKlx">卡类型</view>
				<view class="cardZsyh">{{attract}}</view>
			</view>
			<view class="iconfont icon-icon"></view>
		</view>
		<view class="Reserve">请填写银行预留信息</view>
		<view class="informationYl">
			<view class="typecadrIpt">
				<view class="cardKlx">姓名</view>
				<input type="text" value="" placeholder="请输入持卡人姓名" class="cadrInpt"/>
			</view>
			<view class="typecadrIpt">
				<view class="cardKlx">身份证</view>
				<input type="text" value="" placeholder="请输入证件号" class="cadrInpt"/>
			</view>
			<view class="typecadrIpt">
				<view class="cardKlx">手机号</view>
				<input type="text" value="" placeholder="请输入银行预留手机号" class="cadrInpt"/>
			</view>
			<view class="typecadrIpt">
				<view class="cardKlx">开户地</view>
				<input type="text" value="" placeholder="请输入银行开户地" class="cadrInpt"/>
			</view>
		</view>
		<view class="binding">
			提交绑定
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				attract:'招商银行 储蓄卡'
			}
		},
		methods:{
			carddj(){
				uni.navigateTo({
					url:'choice'
				})
			}
		}
	}
</script>

<style>
	page{
		background: #f9f9f9;
	}
	.binding{
		width: 94%;
		font-size: 34upx;
		height: 80upx;
		color: #fff;
		line-height: 80upx;
		text-align: center;
		background: #13b1eb;
		margin: 0 auto;
		margin-top: 60upx;
		border-radius: 8upx;
	}
	.informationYl{
		border-bottom: 1upx solid #e0e0e0;
	}
	.cadrInpt{
		padding: 0;
		width: 70%;
		font-size: 32upx;
	}
	.cenTenst input{
		
	}
	.cenTenst{
		padding: 20upx 0upx;
	}
	.Reserve{
		font-size: 28upx;
		width: 94%;
		padding: 0 3%;
		color: #888;
		margin-top: 40upx;
	}
	.Limited{
		font-size: 28upx;
		width: 94%;
		padding: 0 3%;
		color: #888;
	}
	.typecadrIpt{
		display: flex;
		padding: 20upx 3%;
		border-top: 1upx solid #e0e0e0;
		background: #fff;
	}
	.typecadr{
		display: flex;
		justify-content: space-between;
		padding: 20upx 3%;
		border-bottom: 1upx solid #e0e0e0;
		border-top: 1upx solid #e0e0e0;
		background: #fff;
	}
	.cardXz{
		display: flex;
	}
	.cardKlx{
		font-size: 32upx;
		color: #333;
		width: 140upx;
	}
	.cardZsyh{
		font-size: 32upx;
		color: #13b1eb;
	}
	.icon-icon{
		font-size: 30upx;
		color: #777;
		margin-top: 6upx;
	}
</style>
